@charset "utf-8";
/* CSS Document */
html {
    font-size: 62.5%
}
@media screen and (min-width:375px) {
    html {
        font-size:73.24%
    }
}
@media screen and (min-width:414px) {
    html {
        font-size:73.24%
    }
}
@media screen and (min-width:481px) {
    html {
        font-size:94%
    }
}
@media screen and (min-width:561px) {
    html {
        font-size:109%
    }
}
@media screen and (min-width:641px) {
    html {
        font-size:125%
    }
}
body{
    background-color: #f5f5f5 !important;
}
.warpe {
    margin: 0 auto;
    min-width: 320px;
    max-width: 640px;
    min-height: 500px;
    font-family: "Microsoft YaHei", Arial, "Helvetica";
    color: #333;
    font-size: 1.4rem;
    position: relative;
    background-size: 100% 100% !important;
    padding-bottom: 35%;
}
.main{
    height: auto;
    overflow: hidden;
    padding: 1rem;
    background-color: #fff;
	}
.banner{
	position:relative;
    height: auto;
    overflow: hidden;
	}
.banner img{
	width:100%;
	}
/*幻灯*/
.swipe {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin:0 auto;
}
.swipe a, .swipe img {
    border: 0;
    display: block;
}
.swipe ul {
    -webkit-transition: left 800ms ease-in 0;
    -moz-transition: left 800ms ease-in 0;
    transition: left 800ms ease-in 0
}
.swipe ul li {
    display: none
}
.swipe ul li img {
    width:100%;
}
.swipe #pagenavi {
    width:100%;
    position: absolute;
    bottom: 2rem;
    text-align:center;
    overflow:hidden;
    left: 0;
}
.swipe #pagenavi a {
    width: .3rem;
    height: .3rem;
    line-height: 99em;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    *display:inline;
    *zoom:1
}
.swipe #pagenavi a.active {
    background: #fdd417;
    opacity:1;
}
.head{
    height: 5rem;
    line-height:5rem;
    font-size: 1.6rem;
    text-align: center;
    color: #fff;
    background-color: #292929;
    position: relative;
    display: none;
}
.return {
    position: absolute;
    left: 3rem;
    top: 1.6rem;
    color: #fff;
}
.workdiv{
    padding:.5rem;
    background-color: #fff;
    margin-bottom: 2rem;
}
.workTop{
    display: block;
    height:auto;
    overflow: hidden;
    color: #979797;
    line-height:2.5rem;
}
.w_title{
    color: #000;
    font-size:1.4rem;
    margin-bottom: 1rem;
}
.work_img{
    margin-top: 1rem;
    height: auto;
    overflow: hidden;
}
.work_img ul li{
    float: left;
    width: 6rem;
    height:6rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
}
.work_img ul li img{
    width: 100%;
    height: 100%;
}
.work_img ul{
    height:auto;
    overflow: hidden;
}
.work_bth{
    height:auto;;
    overflow: hidden;
    text-align: center;
    margin-top:2rem;
}
.work_bth a{
    padding: 0rem 4rem;
    height: 4rem;
    display: block;
    line-height: 4rem;
    font-size: 1.6rem;
    color: #f06363;
    border: .1rem #f06363 solid;
    border-radius: 2rem;
    text-align: center;
}
.con{
    height:auto;
    overflow: hidden;
}
.gdTxt{
    padding:1rem;
    font-size:1.2rem;
}
.xq_l{
    float: left;
    width: 9rem;
    height:9rem;
}
.xq_l img{
    width: 100%;
    height:100%;
}
.xq_r{
    float: left;
    margin-left: 1rem;
    line-height: 2rem;
    font-size: 1.2rem;
    width: 20rem;
    color: #666;
}
.xq_r p{

}
.gd_txt{
    line-height: 3rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    height: auto;
    overflow: hidden;
}
.inputTxt textarea{
    width: 93%;
    background-color: #fff;
    border:.1rem #ccc solid;
    border-radius: .5rem;
    font-size:1.4rem;
    padding: 1rem;
    line-height:2.4rem;
    color: #a8a8a8;
}
.upload{
    height:auto;
    overflow: hidden;
    margin: 1rem 0px;
    padding:1rem;
    background-color: #fff;
    border-radius: .5rem;
    border: .1rem #ccc solid;
}
.upload ul li{
    float: left;
    width: 5rem;
    margin-left: .5rem;
    border-radius: .6rem;
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
    padding: 0rem;
}
.upload ul li img{
    width: 5rem !important;
    height: 5rem !important;
    margin-bottom: .5rem;
    border-radius: .5rem;
}
.uploadimg{
    line-height:4.5rem;
    text-align: center;
    font-size: 2rem;
    border: .01rem #f7350a dotted;
    background-color: #f6f6f6;
}
.uploadimg a{
    color: #f7350a;
}
.uploadimg input{
    width: 6rem;
    height:6rem;
    position: absolute;
    top:0rem;
    left:0rem;
    opacity: 0;
}
.gdTxt2 {
    padding-left: 0rem;
    padding: 0rem;
    border: .1rem #eee solid;
    margin-bottom: 1rem;
    width: 99%;
}
.qddiv{
    text-align: center;
    margin-top: 2rem;
}
.qddiv p{
    font-size: 2rem;
}
.qddiv span{
    font-size: 1.4rem;
    display: block;
    color: #666666;
    margin-top: 1rem;
}
.starall{
    width: 16rem !important;
}
.starall img{
    width: 1.8rem;
    position: relative;
    top: .4rem;
}
.yz_tab{
    width: 20rem;
    border: .1rem #fff solid;
    margin: 0 auto;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.4rem;
    border-radius: 2rem;
    position: relative;
    top: 1rem;
    overflow: hidden;
}
.yz_tab a{
    width: 50%;
    height: 3rem;
    float: left;
    color: #fff;
    text-align: center;
}
.yz_tab a.active{
    background-color: #fff;
    color: #f7350a;
}
.woek_m{
    clear: both;
}
.ban_txt {
    position: absolute;
    top: 2rem;
    left: 0rem;
}
.ban_txt img{
    width: 7rem;
}
.jdDiv_t{
    border-bottom: .1rem #ccc solid;
    position: relative;
    height:1rem;
}
.jdDiv_t span{
    font-size: 1.6rem;
    padding: 0.4rem;
    background-color: #F5F5F5;
    position: absolute;
    top: 0rem;
}
.jdDiv_m{
    height:auto;
    overflow: hidden;
    padding:2rem 0rem;
    border-bottom: .1rem #ccc dotted;
    line-height:3rem;
    font-size: 1.4rem;
    position: relative;
}
.jdDiv_m div{
    margin-left: .5rem;
}
.jdDiv_ml{
    width:6rem;
}
.jdDiv_mr{
    width: 28rem;
    position: relative;
}
.phone_icon{
    font-size: 4rem;
    top: 4rem;
    right: 1rem;
    position: absolute;
    color: #999;
}
#star{
    width: auto !important;
}
.gdTxt2 label{
    width: 8rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.6rem;
    color: #666;
}
.gdTxt2 input{
    width: 26rem;
    height: 4rem;
    line-height: 4rem;
    font-size:1.2rem;
    border: none;
    border: .1rem #ccc solid;
    background-color: #fff;
    float: left;
    text-indent: 2em;
}
.gdTxt2 select{
    width: 99%;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.2rem;
    text-indent: 1em;
    color: #999;
    border: none;
    background-color: #fff;
}
.gdTxt2 select option{
    font-size: 1.4rem;
    line-height: 4rem;
}
.inputTxt p{
    text-align: right;
    font-size: 1.2rem;
    line-height: 2.4rem;
    color: #999;
}
.wt_tab {
    width: 90%;
    border: .1rem #F7350A solid;
    background-color: #fff;
    margin: 0 auto;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.6rem;
    border-radius: 2rem;
    overflow: hidden;
}
.wt_tab a {
    width: 50%;
    height: 4rem;
    float: left;
    color: #666;
    text-align: center;
}
.wt_tab a.active {
    background-color: #f7350a;
    color: #fff;
}
.workdiv2{
    margin-top: 2rem;
}
.disnav{
    position: fixed;
    width: 100%;
    bottom: -22rem;
    z-index: 201;
    background-color: #F6F6F6;
    height: 22rem;
}
.disnav ul li{
    height:5rem;
    line-height: 5rem;
    background-color: #fff;
    font-size: 1.6rem;
    text-align: center;
    border-bottom: .1rem #F6F6F6 solid;
}
.disnav ul li a{
    display: block;
    color: #666;
}
.work_bth input{
    padding: 0rem 2rem;
    height: 4rem;
    display: inline-block;
    line-height: 4rem;
    font-size: 1.6rem;
    color: #f06363;
    border: .08rem #f06363 solid;
    border-radius: 2rem;
    background:none ;
    text-align: center;
}
.Push_bth{
    display: block;
    width: 4rem;
    height: 2rem;
    float: left;
    background-color: #fff;
    border-radius: 5.4rem;
    position: relative;
    margin-top: 0rem;
    border: .1rem #F06363 solid;
}
.pushall{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #f06363;
    position: absolute;
    left: .1rem;
}
.Push{
    width:0rem;
    height: 2rem;
    border-radius: 2rem;
    background-color:#F49898;
    position:absolute;
}
.gdTxt{
    height:auto;
    overflow: hidden;
    position: relative;
}
.gdTxt2 p span{
}
.work_mt{
    font-size: 1.4rem;
}
.gdselect{
    width: 26rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.4rem;
    border: .1rem #ccc solid;
    background-color: #F5F5F5;
    text-indent: 1em;
    color: #999;
    float: left;
    overflow: hidden;
}
.gdTxt2 i{
    position: absolute;
    right: 1rem;
    top: 2rem;
    font-size: 2.4rem;
}
/*20170912*/
ul{
    padding-left: 0rem !important;
}
p{
    margin-top: auto !important;
}
.u_head p img{
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    float: left;
    margin-right: 1rem;
}
.u_head{
    height:auto;
    overflow: hidden;
    margin-bottom: 1rem;
}
.u_head p{
    line-height: 4rem;
    font-size: 1.4rem;
}
.xq_txt{
    height:auto;
    overflow: hidden;
    font-size: 1.4rem;
    line-height:2.5rem;
}
.xq_txt p,.x_list ul li p{
    margin-bottom: 0rem;
    margin-top: 0rem;
}
.xq_txt a{
    color: #666;
    margin-left: 10px;
}
.x_m{
    font-size: 1.4rem;
    color: #666;
}
.pic_img ul li{
    height: 9rem;
    width: 9rem;
    float: left;
    margin-left: .8rem;
    padding: 0px;
    clear: none !important;
    margin-top: .5rem;
    overflow: hidden;
    position: relative;
}
.pic_img ul{
    padding:0rem;
}
.pic_img ul li img{
    height: 9rem !important;
    width: 9rem !important;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
}
.am-pureview-bar{
    display: none !important;
}
.am-pureview-actions a{
    top:1rem;
}
.x_b{
    color: #999;
    font-size: 1.2rem;
}
.x_list ul{
    padding: 0rem;
}
.x_list ul li{
    line-height: 2.5rem;
    font-size: 1.4rem;
    color: #666;
    border-bottom: .1rem #eee solid;
    margin-top: 1rem;
}
.x_list ul li p span{
    color: #333;
    font-weight: bold;
}
.modal{
    position: fixed;
    z-index: 201;
    width: 94%;
    left: 3%;
    height: auto;
    overflow: hidden;
    padding: 2rem;
    background-color: #fff;
    top: 30%;
    border-radius: .5rem;
}
.modal p input{
    width: 99%;
    border: .1rem #ccc solid;
    height:3rem;
    line-height:3rem;
    font-size:1.4rem;
    margin-top: 1rem;
    text-indent: 1rem;
}
.modal p a{
    float: right;
    width: 7rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.4rem;
    text-align: center;
    background-color: #f06363;
    color: #fff;
}
.closed{
    color: #f7350a;
    font-size: 1.8rem;
    position: absolute;
    right: 1rem;
    top:.5rem;
}
.m_t {
    padding: 1rem;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #666;
    padding-bottom: 0rem;
}

.regall {
    height: auto;
    overflow: hidden;
}
.reginput {
    border: .1rem #ededed solid;
    position: relative;
}
.reginput input {
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    text-indent: 1em;
    color: #999;
    font-size: 1.4rem;
    border: none;
    background: none;
}
.yzmdiv {
    position: absolute;
    bottom: 0rem;
    right: 0rem;
    top:0rem;
}
.yzmdiv a {
    width: 10rem;
    height: 3.2rem;
    line-height: 3.2rem;
    background-color: #f2f2f2;
    display: block;
    color: #666;
    font-size: 1.2rem;
    text-align: center;
}
.m_btn a{
    width: 99%;
    margin: 0 auto;
    margin-top: 1rem;
    display: block;
    height: 3.8rem;
    line-height: 3.8rem;
    background-color: #ff7800;
    color: #fff;
    text-align: center;
    border-radius: 2rem;
}
.m_btn2{
    margin-top: 2rem;
    padding: 1rem 0rem;
    border-top: .1rem #eee solid;
}
.timeclass {
    width: 10rem;
    height: 3.2rem;
    line-height: 3.2rem;
    background-color: #ccc;
    display: block;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
}
.m_btn2 a{
    width: 90%;
    margin: 0 auto;
    margin-top: 2rem;
    display: block;
    height: 3.5rem;
    line-height: 3.5rem;
    background-color: #fff;
    color: #ff7800;
    border: .1rem #ff7800 solid;
    text-align: center;
    border-radius: 2rem;
}
.inp_div {
    height: auto;
    overflow: hidden;
    border-bottom: .1rem #eee solid;
}
.inputTxt input{
    width: 99%;
    height: 3.5rem;
    line-height: 3.5rem;
    border: .1rem #eee solid;
    background-color: #fff;
    font-size: 1.2rem;
    text-indent: 1.2em;
}
.inputTxt select{
    width: 99%;
    height:3rem;
    line-height:3rem;
    border: .1rem #eee solid;
    background-color: #fff;
    font-size: 1.2rem;
    color: #666;
}
.lx_list{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: fixed;
    bottom: 0rem;
    z-index: 201;
    background-color: #fff;
}
.lx_list ul li{
    height: 4rem;
    line-height: 4rem;
    padding: 0rem 1rem;
    font-size: 1.3rem;
    border-bottom: .1rem #eee solid;
}
.lx_list ul li a{
    display: block;
    color: #666;
}
.lx_list ul li a i{
    position: relative;
    top: 1rem;
    font-size: 1.6rem;
    color: #41a7ff;
}
.color_btn{
    border: .1rem #605f5f solid !important;
    color: #605f5f !important;
}
.upload ul li p{
    margin: 0rem;
    font-size: 1.2rem;
    text-align: center;
}
.phone_txt label {
    font-size: 1.2rem;
    position: absolute;
    top: .9rem !important;
    left: 1.5rem !important;
    color: #666;
}
.inputTxt textarea {
    width: 91% !important;
    background-color: #fff;
    border: .1rem #ccc solid;
    border-radius: .5rem;
    font-size: 1.4rem;
    padding: 1rem;
    line-height: 2.4rem;
    color: #a8a8a8;
}
.x_list {
    clear: both;
}
.pic_img {
    height: auto;
    overflow: hidden;
}
.x_b{
    height: auto;
    overflow: hidden;
    clear: both;
}
/*20180207服务协议相关页面css*/
.a_top{
    position: relative;
    border-bottom:.2rem #333 solid;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.a_top span{
    padding: 1rem;
    background-color: #fff;
    font-size: 1.4rem;
    position: absolute;
    top: -1.5rem;
    padding-left: 0rem;
}
.a_list ul li{
    font-size: 1.2rem;
    line-height:2rem;
    padding: 1rem 0rem;
    border-bottom: .1rem #eee solid;
    color: #999;
}
.a_list ul li p{
    height: auto;
    overflow: hidden;
}
.a_list ul li p span{
    color: #333;
    font-size: 1.3rem;
}
.a_txt{
    font-size: 1.2rem;
    line-height:2.2rem;
    color: #666;
}
.a_btn{
    height: 4rem;
    background-color: #EFEFEF;
    position: fixed;
    bottom: 0rem;
    width: 100%;
    line-height:4rem;
    font-size: 1.6rem;
    text-align: center;
}
.a_btn a{
    display: block;
    float: left;
}
.btn_01{
    width: 30%;
}
.btn_02{
    width: 70%;
    background-color: #f7350a;
    color: #fff;
}
.a_input{
    height:4rem;
    font-size: 1.4rem;
    line-height:4rem;
    border-bottom: .1rem #eee solid;
    clear: both;
    position: relative;
}
.a_input input{
    width: 100%;
    height:3.8rem;
    border: none;
    font-size: 1.4rem;
}
.a_input select{
    width: 100%;
    height: 3.8rem;
    border: none;
    font-size: 1.4rem;
    background-color: #fff;
    color: #666;
    position: absolute;
    top: 0px;
    left: 0px;
}
.a_input label{
    display: block;
    position: relative;
}
.a_input label input{
    text-align: right;
    font-size: 1.2rem;
    color: #999;
    padding-right: 2rem;
}
.a_input label i{
    position: absolute;
    right: 0rem;
    top: 1.5rem;
    color: #999;
}
.img_txt{
    font-size: 1.2rem;
    color: #999;
    clear: both;
}
.u_head p label{
    float: left;
}
.u_head p label font{
    display: block;
    line-height: 2rem;
}
.color_b{
    color:#75bfe4;
}
.work_bth2 a {
    height: 3rem;
    display: block;
    line-height: 3rem;
    font-size: 1.4rem;
    color: #f06363;
    border: .1rem #f06363 solid;
    border-radius: 2rem;
    text-align: center;
    width: 35%;
    float: left;
    margin-right: 1rem;
}
.work_bth2 {
    height: auto;
    overflow: hidden;
    text-align: center;
    margin-top: 2rem;
}
.a_list2 ul li{
    height:4rem;
    line-height:4rem;
    font-size: 1.4rem;
    text-align: center;
    border-bottom: .1rem #eee solid;
    position: relative;
}
.a_list2 {
    position: fixed;
    width: 100%;
    height: 100%;
    top:0rem;
    overflow: scroll;
}
.a_left{
    width: 40%;
    position: absolute;
    display: block;
    height:4rem;
    left: 0rem;
    text-align: center;
}
.a_left img{
    width: 1.5rem;
    position: relative;
    top: 1.3rem;
}
.a_right{
    width: 40%;
    position: absolute;
    display: block;
    height:4rem;
    right: 0rem;
    text-align: center;
    top:0rem;
}
.a_right img{
    width: 1.5rem;
    position: relative;
    top: 1.3rem;
}
.a_right input{
    position: absolute;
    width: 100%;
    height: 4rem;
    left: 0rem;
    opacity: 0;
}
.a_user {
    line-height: 2rem;
    height: auto;
    overflow: hidden;
    clear: both;
    font-size: 1.3rem;
}
.a_user p {
    clear: both;
    line-height: 2.5rem;
}

/* 20180719 */
.listcard{
    
}
.card_t img{
    width: 100%;
    height: 16rem;
}
.card_mb a{
    display: block;
    color: #333;
}
.card_mb a i{
    font-size: 1.6rem;
    position: relative;
    top:.5rem;
}
.cardCon ul li{
    height: auto;
    overflow: hidden;
    padding: 1rem;
    line-height: 2.5rem;
    box-shadow: 0px 9px 16px #888888;
    color: #666;
    width: 88%;
    margin: 0 auto;
    font-size: 1.2rem;
    margin-top:2rem; 
}
.card_t{
    position: relative;
}
.card_t span{
    color: #f11;
    font-size: 1.8rem;
    position: absolute;
    bottom: .5rem;
    right: 1rem;
}
.czlist ul li{
    height:auto;
    overflow: hidden;
    text-align: left;
    font-size: 1.2rem;
    color: #999;
    border-bottom: .1rem #e4e4e4 solid;
}
.czlist_t{
    text-align: left;
}
.czlist_m p{
    margin-bottom: 0rem;
}
.czlist{
    clear: both;
    line-height:2.3rem;
}
.czlist_m{
    padding-left: 1rem;
}
.li_color{
    color: #be2924 !important;
}
.czlist_b ul li{
    width:4rem;
    height:4rem;
    overflow: hidden;
    float: left;
    border-radius:.5rem; ;
}
.czlist_b ul li img{
    width: 100%;
    height:100%;
}
.czlist_b {
    height: auto;
    overflow: hidden;
    padding-left: .7rem;
}
.user_t{
    height:3rem;
    line-height: 3rem;
    background-color: #0b6fa2;
    color: #fff;
    font-size: 1.3rem;
    padding: 0rem 1rem;
}
.user_m ul li{
    width: 5rem;
    height:auto;
    float: left;
    overflow: hidden;
    margin-left: 1rem;
    margin-bottom: 1rem;
}
.user_m ul li img{
    width: 5rem;
    height:5rem;
    border-radius: .5rem;
}
.userbtn{
    height:auto;
    overflow: hidden;
    background-color: #fff;
    margin-top: 1rem;
}
.user_m ul li p{
    font-size: 1.2rem;
    text-align: center;
}
.newUpBtn{
    border-radius: 50% !important;
}
.floatIcon{
    position: fixed;
    width:3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    right: 1rem;
    bottom: 1rem;
    background-color: #000;
    opacity: 0.6;
    color: #fff;
    border-radius:0.666667rem; 
    z-index: 100;
}
.floatIcon a{
    display: block;
    width:3rem;
    height: 3rem;
    line-height: 3rem;
    color: #fff;
    font-size: 1rem;
}
.floatIcon a i{
    position: relative;
    top:1rem;
}
.searchModal{
    width:95%;
    height: 3.5rem;
    overflow: hidden;
    border:0.013333rem #eee solid;
    margin: 0 auto;
    position:relative;
    z-index: 100;
    background-color: #fff;
    top: 1rem;
    border-radius:0.133333rem;
}
.searchModal input{
    height: 3.5rem;
    width:100%;
    height: 3.3rem;
    font-size: 1.2rem;
    text-indent: 1em;
    border:none;
}
.searchModal a{
    display: block;
    width:6rem;
    height: 3.5rem;
    line-height: 3.5rem;
    color: #fff;
    background-color: #57a3f3;
    text-align: center;
    position:absolute;
    right: 0rem;
    top: 0rem;
}







